<%--
  Created by IntelliJ IDEA.
  User: 19654
  Date: 2019/10/18
  Time: 17:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
</head>
<body>
<%@ include file="../nav/nav.jsp"%>
<div class='container-fluid'>
    <div class='row' id='phone'>
        <c:forEach items="${requestScope.pages.list}" var="medicine">

            <div class='col-md-3'>
                <div class='thumbnail'>
                        <%--点击图片出现详情页--%>
                    <a href="#">
                        <img src='${medicine.medImages}' alt='通用的占位符缩略图'>
                    </a>
                    <div class='caption' style='overflow:hidden'>
                        <h3 align='center' class='text-success'>${medicine.medName}</h3>
                        <p style='text-align:center'>药品介绍：${medicine.medIntro}</p>
                        <p style='text-align:center'>官方价格：${medicine.medPrice}</p>
                        <p style='text-align:center'>药品类型：${medicine.typeName}</p>
                    </div>
                </div>
            </div>
        </c:forEach>
    </div>
</div>
<script src="../plugins/jquery/jquery.min.js"></script>
<%@ include file="../nav/pages.jsp" %>
</body>
</html>
